﻿<%@ Page Title="" Language="C#" MasterPageFile="~/templates/general.master" AutoEventWireup="true" CodeFile="team.aspx.cs" Inherits="team" %>

<%@ MasterType VirtualPath="~/templates/general.master" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeaderContent" runat="Server">
    <link href="<%=Page.ResolveUrl("~/css/icons.css")%>" rel="stylesheet" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">
    <div class="fullScreenItem loading" id="teamPage">
        <div id="containerCenter">
            <div id="container">
                <div class="headerTitle">Meet the Team</div>
                <div id="team-row">
                    <div class="team-member">
                        <img class="team-member-img" src="images/people/ayyappan.png" title="Ayyappan" alt="Ayyappan" />
                        <h3 class="team-member-name"><a href="#" style="font-size: 20px; color: #fff;">Ayyappan Ramamuniappa</a></h3>
                        <h3 class="team-member-position">Web Services</h3>
                        <div class="team-member-bio">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                            Suspendisse viverra mauris eget tortor imperdiet vehicula.
                            Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi.
                        </div>
                        <div class="member-contact">
                            <h5 class="member-email">E:<a href="mailto:ucabra0@ucl.ac.uk">ucabra0@ucl.ac.uk</a></h5>
                            <h5 class="member-tel">T:+074 4923 0514</h5>
                        </div>
                        <ul class="social-icons dark small">
                            <li class="twitter"><a href="http://www.twitter.com/#" target="_blank">Twitter</a></li>
                            <li class="facebook"><a href="#" target="_blank">Facebook</a></li>
                            <li class="linkedin"><a href="#" target="_blank">LinkedIn</a></li>
                            <li class="googleplus"><a href="#" target="_blank">Google+</a></li>
                            <li class="skype"><a href="skype:#" target="_blank">Skype</a></li>
                        </ul>
                    </div>
                    <div class="team-member">
                        <img class="team-member-img" src="images/people/marios.png" title="Marios" alt="Marios" />
                        <h3 class="team-member-name"><a href="#" style="font-size: 20px; color: #fff;">Marios Constantinides</a></h3>
                        <h3 class="team-member-position">Web Development</h3>
                        <div class="team-member-bio">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                            Suspendisse viverra mauris eget tortor imperdiet vehicula.
                            Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi.
                        </div>
                        <div class="member-contact">
                            <h5 class="member-email">E:<a href="mailto:ucabco0@ucl.ac.uk">ucabco0@ucl.ac.uk</a></h5>
                            <h5 class="member-tel">T:+078 4545 6764</h5>
                        </div>
                        <ul class="social-icons dark small">
                            <li class="twitter"><a href="http://www.twitter.com/#" target="_blank">Twitter</a></li>
                            <li class="facebook"><a href="#" target="_blank">Facebook</a></li>
                            <li class="linkedin"><a href="#" target="_blank">LinkedIn</a></li>
                            <li class="googleplus"><a href="#" target="_blank">Google+</a></li>
                            <li class="skype"><a href="skype:#" target="_blank">Skype</a></li>
                        </ul>
                    </div>
                    <div class="team-member">
                        <img class="team-member-img" src="images/people/pejman.png" title="Pejman" alt="Pejman" />
                        <h3 class="team-member-name"><a href="#" style="font-size: 20px; color: #fff;">Pejman Aghili</a></h3>
                        <h3 class="team-member-position">Databases</h3>
                        <div class="team-member-bio">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                            Suspendisse viverra mauris eget tortor imperdiet vehicula.
                            Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi.
                        </div>
                        <div class="member-contact">
                            <h5 class="member-email">E:<a href="mailto:ucabag0@ucl.ac.uk">ucabag0@ucl.ac.uk</a></h5>
                            <h5 class="member-tel">T:+077 2964 2000</h5>
                        </div>
                        <ul class="social-icons dark small">
                            <li class="twitter"><a href="http://www.twitter.com/#" target="_blank">Twitter</a></li>
                            <li class="facebook"><a href="#" target="_blank">Facebook</a></li>
                            <li class="linkedin"><a href="#" target="_blank">LinkedIn</a></li>
                            <li class="googleplus"><a href="#" target="_blank">Google+</a></li>
                            <li class="skype"><a href="skype:#" target="_blank">Skype</a></li>
                        </ul>
                    </div>
                    <div class="team-member">
                        <img class="team-member-img" src="images/people/zheng.png" title="Zheng" alt="Zheng" />
                        <h3 class="team-member-name"><a href="#" style="font-size: 20px; color: #fff;">Zheng Gao</a></h3>
                        <h3 class="team-member-position">Gadgeteer Library</h3>
                        <div class="team-member-bio">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                            Suspendisse viverra mauris eget tortor imperdiet vehicula.
                            Proin egestas diam ac mauris molestie hendrerit. Quisque nec nisi.
                        </div>
                        <div class="member-contact">
                            <h5 class="member-email">E:<a href="mailto:ucabgao@ucl.ac.uk">ucabgao@ucl.ac.uk</a></h5>
                            <h5 class="member-tel">T:+075 4940 3903</h5>
                        </div>
                        <ul class="social-icons dark small">
                            <li class="twitter"><a href="http://www.twitter.com/#" target="_blank">Twitter</a></li>
                            <li class="facebook"><a href="#" target="_blank">Facebook</a></li>
                            <li class="linkedin"><a href="#" target="_blank">LinkedIn</a></li>
                            <li class="googleplus"><a href="#" target="_blank">Google+</a></li>
                            <li class="skype"><a href="skype:#" target="_blank">Skype</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</asp:Content>

